<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

	<div style="text-align: center">
		<h4>Perfil do Jogador</h4>
		<p:graphicImage value="/temp/#{perfilMBean.usuario.email}.jpg" width="100px" height="150px" />
		<br />
	</div>
	<h:form id="formPerfil">
		<h:panelGrid id="pnlPerfil" styleClass="perfil" columns="2" cellpadding="4">

			Nome: 
			<p:outputLabel value="#{perfilMBean.usuario.nome}" />
			
			Papel:
			<p:outputLabel value="#{perfilMBean.usuario.papel.descricao}" />
			
			Nível:
			<p:outputLabel value="#{perfilMBean.usuario.nivel.descricao}" />
			
			Experiência:
			<h:panelGrid columns="2">
				<p:progressBar value="#{perfilMBean.percentExp}" style="width: 100px" />
				<p:outputLabel value="#{perfilMBean.usuario.experiencia}(#{perfilMBean.usuario.nivel.experienciaFim})" />
			</h:panelGrid>
			
			Energia:
			<h:panelGrid columns="2">
				<p:progressBar value="#{perfilMBean.percentEner}" style="width: 100px" />
				<p:outputLabel value="#{perfilMBean.usuario.energia}(#{perfilMBean.usuario.nivel.maxEnergia})" />
			</h:panelGrid>

			Scrums:
			<p:outputLabel value="#{perfilMBean.usuario.scrums}" />


		</h:panelGrid>
	</h:form>
</ui:composition>